import Vue from 'vue'
export default {}.install = (Vue, options = {}) => {
    Vue.directive('loadmore', {
        inserted(el, binding) {
            // 获取element-ui定义好的scroll盒子
            const SELECTDOWN_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap')
            // const SELECT_WRAP_DOM = el.querySelector('.el-select-dropdown__list');
            // console.log(binding)
            SELECTDOWN_DOM.addEventListener('scroll', function () {
                const CONDITION = this.scrollHeight - this.scrollTop <= this.clientHeight
                if (CONDITION) {
                    // 假设 el 是 el-select 的根元素  
                    // const SELECT_WRAP_DOM = el.querySelector('.el-select-dropdown__list');
                    // 创建新的 el-select-dropdown__item 元素  
                    // const newItem = document.createElement('li');
                    // newItem.className = 'el-select-dropdown__item'; // 设置类名  
                    // newItem.textContent = '加载中...'; // 设置文本内容，或根据需要设置其他属性  
                    // // 将新元素添加到容器末尾  
                    // SELECT_WRAP_DOM.appendChild(newItem);
                    // console.log(binding)
                    binding.value()
                }
            })
        }
    })
}